<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<title>集团信息详情</title>
<link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="../../../template/website/css/app.css"/>

<style type="text/css">
  .border-radius {
    border-radius: 5px;
 }
 .item-background{
    background: #f3f2f1;
 }
</style>
</head>
<body>
        <!--选项卡（tabs）begin-->
       <div data-am-widget="tabs" class="am-tabs am-tabs-default am-text-sm" id="mytabs" style="margin:0">
		    <ul class="am-tabs-nav am-cf">
			      <li class="am-active" id="base-info">
			        <a href="#baseinfo">基本信息</a>
			      </li>
			      <li class="">
			        <a href="#products">产品列表</a>
			      </li>
			      <li class="">
			        <a href="#vip">重要成员</a>
			      </li>
		    </ul>
          
          
          <div class="am-tabs-bd"  style="overflow:hidden;">
          
             <div class="am-u-sm-12 am-hide" id="loadingbar">
                    <i class="am-icon-spinner am-icon-spin" aria-hidden="true"></i>  加载中……
             </div>
             
             <div class="am-tab-panel am-active" id="baseinfo">

		        <!--   我是基础信息  start-->
		        <ul class="am-list am-list-border" id="ul_baseinfo">
		          <table class="am-table am-text-sm">
		            <tbody>
		              <tr>
		                <td>客户经理姓名</td>
		                <td class="am-text-secondary" id="mgrName"></td>
		              </tr>
		              <tr>
		                <td>集团名称</td>
		                <td class="am-text-secondary" id="grpName"></td>
		              </tr>
		              <tr>
		                <td>成员数</td>
		                <td class="am-text-secondary" id="memberCount"></td>
		              </tr>
		              <tr>
		                <td>整体收入</td>
		                <td class="am-text-secondary" id="income"></td>
		              </tr>
		              <tr>
		                <td>集团类型</td>
		                <td class="am-text-secondary" id="entType"></td>
		              </tr>
		              <tr>
		                <td>V网规模</td>
		                <td class="am-text-secondary" id="entVNetScale"></td>
		              </tr>
		              <tr>
		                <td>人均消费(元)</td>
		                <td class="am-text-secondary" id="consume"></td>
		              </tr>
		              <tr>
		                <td>离网率</td>
		                <td class="am-text-secondary" id="netOutRate"></td>
		              </tr>
		              <tr>
		                <td>双机用户情况</td>
		                <td class="am-text-secondary" id="doubleTerminalState"></td>
		              </tr>
		              <tr>
		                <td>中高端用户总数</td>
		                <td class="am-text-secondary" id="userScope"></td>
		              </tr>
		            </tbody>
		          </table>
		
		        </ul>
		        <div id="error_msg_baseinfo" class="am-margin-xs am-hide"></div>
        <!--   我是基础信息  end--> 
        </div>
        
        <div class="am-tab-panel" id="products">
        <!--   我是产品列表  start-->
        <ul class="am-list am-list-border" id="ul_products">
          <table class="am-table am-text-sm">
            <tbody>
              <tr>
                <td>产品类型</td>
                <td class="am-text-secondary" id="product_type"></td>
              </tr>
              <tr>
                <td>产品名称</td>
                <td class="am-text-secondary" id="product_name"></td>
              </tr>
              <tr>
                <td>集团产品ID</td>
                <td class="am-text-secondary" id="group_product_id"></td>
              </tr>
              <tr>
                <td>付费手机号</td>
                <td class="am-text-secondary" id="product_mobile"></td>
              </tr>
              <tr>
                <td>集团虚拟号码</td>
                <td class="am-text-secondary" id="group_virtual_number"></td>
              </tr>
              <tr>
                <td>集团产品状态</td>
                <td class="am-text-secondary" id="group_product_status"></td>
              </tr>
              <tr>
                <td>开户时间</td>
                <td class="am-text-secondary" id="open_date"></td>
              </tr>
              <tr>
                <td>状态更新时间</td>
                <td class="am-text-secondary" id="update_date"></td>
              </tr>
              <tr>
                <td>短信端口号</td>
                <td class="am-text-secondary" id="sms_port"></td>
              </tr>
            </tbody>
          </table>
        </ul>
        <div id="error_msg_products" class="am-margin-xs am-hide"></div>
        <!--   我是产品列表 end--> 
        </div>
        
        <div class="am-tab-panel" id="vip">
        <!--          我是重要成员  start-->
		
		        <ul class="am-list am-list-border" id="ul_vip">
		          <table class="am-table am-text-sm">
		            <tbody>
		              <script type="text/x-handlebars-template" id="amz-tpl">
                      {{#if list}}
                      {{#list}}
                       <tr>                
                            <td class="am-text-secondary" onClick="changeVipTab({{PHONE_NO}});">
                               <h3 class="am-list-item-hd am-text-truncate">{{NAME}}</h3>
                               <h4 class="am-list-item-text">{{DUTY}}</h4>
                           </td>
                           <td>
                              <a href="tel:{{PHONE_NO}}"><i class="fa fa-phone am-icon-xs" aria-hidden="true"></i></a>
                           </td>
                            <td>                
                                <a href="sms:{{PHONE_NO}}"><i class="fa fa-envelope am-icon-xs " aria-hidden="true"></i></a>
                            </td>
                            <td> <i class="fa fa-chevron-right am-icon-xs " aria-hidden="true"  onClick="changeVipTab({{PHONE_NO}});"></i>
                            </td>               
                        </tr>                 
                    {{/list}}
                     {{else}}
                        <div id="no-content-msg" class="am-text-center">{{error}}</div>
                    {{/if}}
                     </script>
		            </tbody>
		          </table>
		        </ul>
		
		        <ul class="am-list am-list-border am-hide" id="ul_vipdetails">
		          <table class="am-table am-text-sm">
		            <tbody>
		              <tr>
		                <td>名字</td>
		                <td class="am-text-secondary" id="vip_name"></td>
		              </tr>
		              <tr>
		                <td>客户经理工号</td>
		                <td class="am-text-secondary" id="vip_mgr_empcode"></td>
		              </tr>
		              <tr>
		                <td>客户经理名称</td>
		                <td class="am-text-secondary" id="vip_mgrname"></td>
		              </tr>
		              <tr>
		                <td>成员类型</td>
		                <td class="am-text-secondary" id="vip_member_type"></td>
		              </tr>
		              <tr>
		                <td>部门</td>
		                <td class="am-text-secondary" id="vip_depart"></td>
		              </tr>
		              <tr>
		                <td>性别</td>
		                <td class="am-text-secondary" id="vip_sex"></td>
		              </tr>
		              <tr>
		                <td>地址</td>
		                <td class="am-text-secondary" id="vip_addr"></td>
		              </tr>
		              <tr>
		                <td>职位</td>
		                <td class="am-text-secondary" id="vip_pos"></td>
		              </tr>
		
		              <tr>
		                <td>大客户经理</td>
		                <td class="am-text-secondary" id="vip_b_mgr"></td>
		              </tr>
		              <tr>
		                <td>集团客户经理</td>
		                <td class="am-text-secondary" id="vip_ent_mgr"></td>
		              </tr>
		              <tr>
		                <td>所属地区</td>
		                <td class="am-text-secondary" id="vip_city"></td>
		              </tr>
		              <tr>
		                <td>生日</td>
		                <td class="am-text-secondary" id="vip_birthday"></td>
		              </tr>
		
		              <tr>
		                <td>爱好</td>
		                <td class="am-text-secondary" id="vip_hobby"></td>
		              </tr>
		              <tr>
		                <td>职务</td>
		                <td class="am-text-secondary" id="vip_duty"></td>
		              </tr>
		              <tr>
		                <td>手机号码</td>
		                <td class="am-text-secondary" id="vip_mobile"></td>
		              </tr>
		
		              <tr>
		                <td>是否金银卡</td>
		                <td class="am-text-secondary" id="vip_isvip"></td>
		              </tr>
		              <tr>
		                <td>卡号</td>
		                <td class="am-text-secondary" id="vip_card_no"></td>
		              </tr>
		              <tr>
		                <td>是否纳入VIP管理</td>
		                <td class="am-text-secondary" id="vip_is_vip_mgr"></td>
		              </tr>
		
		              <tr>
		                <td>是否开通国长</td>
		                <td class="am-text-secondary" id="vip_is_guochang"></td>
		              </tr>
		              <tr>
		                <td>是否开通国漫</td>
		                <td class="am-text-secondary" id="vip_is_guoman"></td>
		              </tr>
		              <tr>
		                <td>是否开通红名单</td>
		                <td class="am-text-secondary" id="vip_is_redlist"></td>
		              </tr>
		
		              <tr>
		                <td>是否捆绑终端</td>
		                <td class="am-text-secondary" id="vip_is_bind"></td>
		              </tr>
		              <tr>
		                <td>终端到期时间</td>
		                <td class="am-text-secondary" id="vip_valid_time"></td>
		              </tr>
		              <tr>
		                <td>欠费金额</td>
		                <td class="am-text-secondary" id="vip_owe_money">0</td>
		              </tr>
		            </tbody>
		          </table>
		           <div class="am-u-sm-12 ">
		            <div class="am-u-sm-12">
		              <button type="button" class="am-btn am-btn-primary am-btn-block" onclick="initVipTab();">返  回</button>
		            </div>
		          </div>
		        </ul>
		         <div id="error_msg_vips" class="am-margin-xs am-hide"></div>
        <!--          我是重要成员  end--> 
       </div>


          </div>
        </div>
        <!--选项卡（tabs）end-->

  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/group.details.js"></script>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
  <script type="text/javascript">


    //返回页面分享的参数,当当前页面有canAppShare=1参数时需要添加此函数resShareParm(函数名不能改，客户端已经只调用这个函数)
    function resShareParm() {
        var regText1 = "saleType=1";
        var regText2 = "saleType=3";
        var regS1 = new RegExp(regText1, "gi");
        var regS2 = new RegExp(regText2, "gi");
        var urlpath = window.location.href.replace(regS1, "saleType=2").replace(regS2, "saleType=4");//修改平台类型(原生分享出去统一改为分享平台)：1（直销通代客下单）改为 2（直销通分享页面购买） 3（微店原生购买）改为 4（微店分享购买）
        var imgpath = 'http://'+window.location.host+'/upload/file/default_head_img.png';
        var title = "用移动手机宽带免费送";
        var description = "超人气预约套餐等你来约";
        var data = "url=" + urlpath + "&&img=" + imgpath + "&&title=" + title + "&&description=" + description + "";
        return data;
    }
  </script>
</body>
</html>